<script setup lang="ts">
import { orderList } from "@/api/student/my/my";
import { onMounted, reactive } from "vue";

const list: any = reactive([[]]);

onMounted(() => {
  router.push("/allorders");
});

import OrdersNav from "../my/Order/OrdersNav.vue";
import router from "@/router";
</script>
<!--订单列表-->
<template>
  <div>
    <div class="common-layout">
      <el-container>
        <el-header>
          <h3 class="Title">订单列表</h3>
          <OrdersNav></OrdersNav>
        </el-header>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<style scoped>
.Title {
  color: #23b8ff;
  font-weight: bold;
}
.el-header {
  height: auto;
}

.detail > div:nth-child(2) {
  display: flex;
}
.left {
  display: flex;
}
.right {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
</style>
